<template>
    <div class="flex-h flex-vc flex-hs wrapper" :class="needBorderBottom?'xb_border_bottom eee':''" @click="callClick">
      <span class="flex1">{{name}}</span>
      <slot ></slot>
      <i class="icon iconfont icon-rightangel"></i>
    </div>
</template>

<script>
export default {
  props: {
    name: {
      type: String,
      default: ''
    },
    needBorderBottom: {
      type: Boolean,
      default: false
    }
  },
  methods: {
    callClick() {
      this.$emit('callClick')
    }
  }
}
</script>

<style scoped>
.wrapper{
  width:686px;
  height:110px;
  background: #fff;
  padding:0px 32px;
}
.wrapper>span:first-of-type{
  color:#000;
  font-size:16px;/*no*/
  line-height:24px;/*no*/
  text-align: left;
}
.wrapper>i:first-of-type{
  color:#666;
  font-size:18px;/*no*/
  margin-left:16px;
}
</style>
